<ion-header class="opacity-header">
  <ion-toolbar class="opacity-toolbar">
    <ion-buttons *ngIf="canLeave" slot="start">
      <ion-button color="light" (click)="doPop()">
        <ion-icon name="ios-arrow-back"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title class="opacity-title"></ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <div class="h5lock-box">
    <div class="user-avatar-box">
      <img src="{{userInfo?.photo}}" class="user-avatar">
    </div>
    <p padding-top class="title-tip">{{title}}</p>
    <canvas (touchstart)="touchstart($event)" (touchmove)="touchmove($event)" (touchend)="touchend()">
      您的手机不支持图案解锁，<br>请使用密码登录
    </canvas>
    <div *ngIf="isShowLink" text-center class="link-box">
      <a (click)="pushLogin(true)" padding-end class="color-white">密码登录</a>
      |
      <a (click)="pushLogin(false)" padding-start class="color-white">切换账号</a>
    </div>
  </div>
</ion-content>
